@charset "UTF-8"; /* csslayout01.css */
body { width: 950px; min-height: 550px; margin: 0 auto; }
header { height: 120px; background: #ccff33; }
#content { min-height: 550px; background: yellow; margin-bottom: -20px; }
footer { height: 155px; background: #ffcc33; }

nav { 	background: navy; padding: 10px 20px 10px 20px; }

#logo { height: 120px; width: 120px; background: url('../images/logo.png'); float: left; margin-left: 20px; }
#qtext { padding: 90px 0 0 10px; width: 200px; font-weight: bold; float: left; }
#qtext span { text-decoration: underline; }
#qmenu { float: right; margin: -10px 10px 0 0; }
#qmenu ul li { float: left; font-weight: bold; }

nav input[type="text"] { width: 250px; }
nav select { width: 170px;  font-weight: bold; text-decoration: underline; }
button { font-weight: bold; width: 125px; }

#sect01, #sect02 { margin-left: 20px; }

#sect01 aside { width: 20%; float: left; margin: 10px 15px 0 0; }
#sect01 aside ul { margin: 0; padding: 0; border: 1px solid black; font-weight: bold; }
#sect01 aside ul li { border: 1px solid black; padding: 10px; }
#sect01 section { width: 75%; height: 300px; margin-top: 10px; border: 2px solid black; float: left;}
#sect01 section p { text-align: center; position: relative; top: 40%;  font-weight: bold;}
#sect01 section ul { position: relative; top: 70%; left: 70%; }
#sect01 section ul li { float: left; width: 30px; height: 25px; background: aqua; margin-right: 10px;
											 text-align: center; padding-top: 5px; font-weight: bold; }

#sect02 h3 { padding-top: 25px; }
#sect02 ul li { float: left; margin-right: 45px; }
#sect02 ul li:last-child { margin-right: 0; }
.product { width:100px; height: 100px; background: red; border-radius: 10px;  }
#sect02 p { text-align: center; font-weight: bold; text-decoration: underline; }

#sitemap { margin-left: 25px; }
footer ul { float: left; margin-right: 25px; }
h1, h2, h3, h4, h5 { margin: 0px; padding: 0px; } /* 리셋1 */
ul { list-style-type: none; } /* 리셋2 */
#copy { text-align: center; }
.clearme { clear: both; }
